src/containers/ChainOverview/Table.tsx (2)

358-365: Consider moving column lookup inside the timeout for robustness.

The current implementation captures nameColumn before the timeout fires. If the table instance changes during the 200ms delay (e.g., columns reconfigure), the reference could be stale. Moving getColumn inside the callback ensures you always get the current column.

♻️ Suggested improvement

 useEffect(() => {
-  const nameColumn = instance.getColumn('name')
   const id = setTimeout(() => {
+    const nameColumn = instance.getColumn('name')
     nameColumn?.setFilterValue(searchQuery)
   }, 200)

   return () => clearTimeout(id)
 }, [searchQuery, instance])

---

439-455: Good implementation; consider type="search" for better semantics.

The search input is accessible with proper labeling. Consider adding type="search" for semantic HTML, which also enables native browser clear buttons in some browsers.

♻️ Optional enhancement

         <input
+          type="search"
           value={searchQuery}
           onChange={(e) => {
             setSearchQuery(e.target.value)
           }}
           placeholder="Search protocols..."
           className="w-full rounded-md border border-(--form-control-border) bg-white p-1 pl-7 text-black max-sm:py-0.5 dark:bg-black dark:text-white"
         />

Configuration used: defaults

Review profile: CHILL

Plan: Pro